<template>
    <div>
        <div id="todoComponent">
            <Header />
            <Main :plans="plans"/>
        </div>

    </div>
    
</template>

<script setup>
import Header from '../components/TodoHeader.vue'
import Main from '../components/TodoMain.vue'


const plans = JSON.parse(window.localStorage.getItem("plans")) || []

</script>

<style scoped>
    #todoComponent{
        width: 100%;
        height: 100vh;
        background: linear-gradient(#00afa1, rgba(255, 192, 203, 0.806));
    }

</style>